@import "tailwindcss";


*, :after, :before {
  
    /* --ux-primary-hover: 35 97 249; */
    --ux-color-border: 222 232 249;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: rgb(var(--ux-color-border) / 1);
}

button:where(:not([class^=coco])) {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button:where(:not([class^=coco])) {
    text-transform: none;
}
button:where(:not([class^=coco])) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
button:where(:not([class^=coco])) {
    cursor: pointer;
}
.flex {
    display: flex
;
}
.mt-10 {
    margin-top: 2.5rem;
}
.h-\[64px\] {
    height: 64px;
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.items-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.rounded-full {
    border-radius: 9999px;
}
.bg-\[\#165DFF\],.bg-\[\#165dff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 93 255 / var(--tw-bg-opacity, 1));
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.font-semibold {
    font-weight: 600;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:bg-primary:hover {
    --ux-primary: 58 126 255;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ux-primary) / var(--tw-bg-opacity, 1));
}
